<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/banner.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/product_list_common.css">
    <link rel="stylesheet" href="./css/new_list.css">
</head>
<body>
    <!--这是导航栏区域开始 -->
      <!-- 这是 nav的上面区域 -->
      <div class="nav_top">
        <div class="nav_top_div wrapper">
            <span class="f1">欢迎来到HOUSE家居网！</span>
            <div class="fr nav_top_div_1">
                <i ></i>
                <span>400-00-000xxx </span>
                <i ></i>
                <span> 1234567xxx@gmail.com</span>
            </div>
        </div>
 </div>
 <!-- 这是nav的下面区域 -->
 <div class="nav_bottom">
  <div class="nav_bottom_div wrapper clearfix ">
  <h1 class="f1 clearfix"><img src="./images/logo.png" alt="加载失败" class="f1"></h1>
  <ul class="clearfix">
      <li><a href="">首页</a></li>
      <li><a href="">关于我们</a></li>
      <li><a href="">产品展示</a></li>
      <li><a href="">新闻动态</a></li>
      <li><a href="">在线留言</a></li>
      <li><a href="">联系我们</a></li>
      
  </ul>
</div>

</div>
 <!-- 这是导航栏区域结束 -->
 <!-- 这是banner区域开始 -->
 <div class="banner"  style="background-image:url(./images/banner5.jpg);height:310px">
   
 </div>
</div>
<!-- 这是banner区域结束 -->
<!-- 这是产品展示区域的公共组件 -->
<div class="big_border">

       
  <div class="wrapper product_display_div1">
      <span>
          首页&gt;&gt;
          <a href="#">关于我们</a>
      </span>
      
  </div>
</div>
<div class="big_border1">
<div class="wrapper product_display_div2  clearfix">
<h2 class="font_size">新闻动态</h2>
<div class="product_display_div2_content1 f1">
  <ul class="product_display_div2_content1_ul1" >
      <li style="height: 97px; line-height: 97px;">行业资讯</li>
      <li style="height: 97px; line-height: 97px;">公司动态</li>
      <li style="height: 97px; line-height: 97px;">媒体热点</li>
        
  </ul>
  <img src="./images/02_wqpl.jpg" alt="">
</div>

<div class="new_list_div  fr">
    <ul>
        <li>
            <h3>迎|“十一”主题优惠即将开幕</h3>
            <p>2015-08-03</p>
            <p>由于端午是今年上半年最后一个假期,气候相对比较舒适，正式广大消费者外出购物的好时机，
                值此，我公司针对“端午、六一”,也推出了多种主题优惠，同样“十一”也将推出主题优惠，
                来店就送气球一只，十一当天购物满3000元就送面值100元枕头一对。欢迎广大会员和新老
                朋友到店参观选购。
               </p>
        </li>
        <li>
            <h3> 有意实施行业内重组 蕴藏可升值资产</h3>
                <p>2014-10-20</p>
                <p>近期身陷“财务造假”风波的四川XXX交出了一份亮丽的年报。4月7日，四川XXX公告称，去年实现净利润1.16亿元，同比增长272.17%。同时，公司董事会通过了以资本公积金向全体股东每10股转增5股的方案。XXX方面表示，今年在加强主业的同时，也会关注行业内实施产业重组的机会。</p>
            </h3>
        </li>
        <li>
            <h3>端午节家电大力促销</h3>
            <p>2014-10-20</p>
            <p>即将到来的端午节小长假，自然少不了各大家电卖场的大力促销，由于恰逢四年一届的世界杯和刚刚结束的高考，今年的节日促销也因此显得颇具新意。据悉，面向球迷的世界杯家电降价、买赠以及针对学生消费的数码3C产品促销近日已经悄然展开。</p>
        </li>
        <li>
            <h3>家纺与电影</h3>
            <P>2014-10-20</P>
            <P>家纺与电影</P>
        </li>
        <li>
            <h3>家纺行业：从价值链的薄弱环节找到突破口</h3>
            <p>2014-10-20</p>
            <p>家纺行业：从价值链的薄弱环节找到突破口</p>
        </li>
        <li>
            <h3>当前中国家纺市场现状及前景预测</h3>
            <p>2014-10-20</p>
            <p>当前中国家纺市场现状及前景预测</p>
        </li>
        <li>
            <h3>家纺行业的四大走向</h3>
            <p>2014-10-20</p>
            <p>家纺行业的四大走向</p>

        </li>
    </ul>
    <h6>共27条记录
        <a href="">1</a>
        <a href="">2</a>
        <a href="">3</a>
      
        <a href="./new_Details.html">下一页&gt;</a>
        <a href="">末页</a>
    </h6>
</div>
</div>
</div>
<!-- 这是产品展示区域公共组件的结束 -->
   <!-- 这是footer区域开始 -->

   <div class="footer">
    <div class="wrapper  clearfix">
        <div class="footer_div1 f1">
            <P><img src="./images/logo2.jpg" alt=""></P>
            <p><i></i>
              中国上海市xxx区xxx路12号moumou大厦5层5xx室</p>
            <p><i></i>
              400-000-xxxx   /  (021)-1234578xxx
          </p>
            <p><i></i>
              12385963xxxx@gmail.com
          </p>
       </div>

        <div class="footer_div2  f1 ">
            <h2>快速链接</h2>
            <ul>
            <li class="f1">&gt;网站首页  </li>
            <li class="fr">&gt;关于我们  </li>
            <li class="f1">&gt;产品展示</li>
            <li class="fr">&gt;新闻动态</li>
            <li class="f1">&gt;在线留言 </li>
            <li class="fr">&gt;联系我们</li>
          </ul>
        </div>
        <div class="footer_div3 f1" >
            <h2>站内搜索</h2>
            <form action="#" method="GET" class="clearfix">
                <input type="text " class="f1" placeholder="请输入关键词"> <button class="f1">登录</button>
                
            </form>
            <p>关注我们<i></i><i></i></p>
        </div>
       
    </div>
    <p> Copyright &copy; 2009-2011,www.xxxxxx.com,All rights reserved  沪ICP备XXXXXX号 未经同意，不得转载</p>
</div>
  <!-- 这是footer区域结束 -->
</body>
</html>